
[#macro orderitemShowView]
<div  class="model-form">
    <el-page-header @back="goBack" content="详情">
    </el-page-header>

        <div class="form-title">详细信息</div>
        <el-form class="viewForm" label-width="80px">
            <el-col :span="12">
                <el-form-item label="购买数量">
                    <div v-html="viewModel.size"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="退货数量">
                    <div v-html="viewModel.returnNum"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="退款金额">
                    <div v-html="viewModel.returnAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="售后状态">
                    <div v-html="viewModel.refundState"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="单位">
                    <div v-html="viewModel.unit"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="重量">
                    <div v-html="viewModel.weight"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="单价">
                    <div v-html="viewModel.price"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="成交单价">
                    <div v-html="viewModel.realPrice"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="运费">
                    <div v-html="viewModel.freight"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="小计">
                    <div v-html="viewModel.subtotal"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="优惠金额">
                    <div v-html="viewModel.discountAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="平台优惠">
                    <div v-html="viewModel.platformDiscount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="积分抵扣">
                    <div v-html="viewModel.integralDiscount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="使用积分">
                    <div v-html="viewModel.useIntegral"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="使用红包">
                    <div v-html="viewModel.useRedPacket"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="单件商品红包抵扣">
                    <div v-html="viewModel.redPacketDiscount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="实际成交金额">
                    <div v-html="viewModel.realAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="已经支付">
                    <div v-html="viewModel.paidAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="实际用户支付金额">
                    <div v-html="viewModel.payAmount"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="是否是赠品">
                    <div v-html="viewModel.giveType"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品sku">
                    <div v-html="viewModel.skuAttr"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品名称">
                    <div v-html="viewModel.name"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品封面">
                    <div v-html="viewModel.logo"></div>
                </el-form-item>
            </el-col>
        </el-form>

</div>
[/#macro]
[#macro orderitemShowConfig]
<script type="text/x-template" id="my-orderitem-show">
    [@orderitemShowView /]
</script>
	<script type="text/javascript">
		//显示组件开始
		var orderitemShowConfig = {};
		orderitemShowConfig.template = "#my-orderitem-show";
		orderitemShowConfig.methods =config.basicMethod();
		orderitemShowConfig.data = function () {
			return {
				viewModel: {
				},
				activeIndex: "1"
			}
		};


		orderitemShowConfig.mounted = function () {
			var id = this.$route.query.id;
			var self = this;
			var data = {};
			data.id = id;
			this.postData("${siteurl}tenantRest/orderitem/view.htm", data, function (res) {
				if (res.code == 0) {
					self.viewModel = res;

				}
			});
		}
		var orderitemShowView = Vue.component('my-orderitem-view', orderitemShowConfig);
		//显示组件结束		
	</script>
[/#macro]


